import "./HeaderBanner.css";
// import bannerImg from "../../common/img/79939674_p1.jpg";
import bannerImg from "../../common/img/banner.webp";
import bilibiliLogo from "../../common/img/bilibili-logo.png";
import { Link } from "react-router-dom";

function HeaderBanner() {
  return (
    <div className="header-banner">
      <div className="banner-img">
        <img src={bannerImg} alt="" />
      </div>
      <div className="header-banner__inner">
        <Link to="/" >
          <img className="logo-img" width="162" height="78" src={bilibiliLogo} />
        </Link>
      </div>
      <div className="taper-line"></div>
    </div>
  )
}

export default HeaderBanner;